﻿<Page x:Class="TreeBuilder.Help.CreatingNodePage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:Help="clr-namespace:TreeBuilder.Help" xmlns:TreeBuilder="clr-namespace:TreeBuilder" xmlns:Controls="clr-namespace:Elderos.Controls;assembly=Elderos.Controls" mc:Ignorable="d" 
      d:DesignHeight="800" d:DesignWidth="640"
	Title="Creating a node">
    <Page.Resources>
        <ResourceDictionary Source="pack://application:,,,/Help/HelpStyles.xaml"/>
    </Page.Resources>
    <Grid>
        <Controls:HelpMasterPage AllowDrop="False">
            <Controls:HelpMasterPage.Title>Creating a node</Controls:HelpMasterPage.Title>
            <Controls:HelpMasterPage.Content>
                <StackPanel MinHeight="400">
                    <RichTextBox Name="RichTextBox" BorderThickness="0" IsReadOnly="True">
                        <FlowDocument>
                            <Paragraph Margin="0,0,0,5">
                                When you open TreeBuilder and create new tree, you'll see a dotted surface.
                                It's called <Run FontWeight="Bold">Tree Canvas</Run> .
                            </Paragraph>
                            <Paragraph Margin="0,0,0,5" FontSize="10">
                                (The Tree Canvas below is fully operable. You can try to perform any action there.)
                            </Paragraph>
                        </FlowDocument>
                    </RichTextBox>
                    <TreeBuilder:Tree Height="200"/>
                    <RichTextBox Name="BottomBox" BorderThickness="0" IsReadOnly="True">
                        <FlowDocument>
                            <Paragraph Margin="0,5,0,0">
                                Just do double click on it, and there appears a
                                <Run FontWeight="Bold">Node</Run> (you can try to do it right here).
                                Physically, it's ordinary TextBox, where you can write any text you want.
                            </Paragraph>
                            <Paragraph Margin="0,5,0,0">
                                If you click on the node, its menu appears.
                                It contains 6 items:
                            </Paragraph>
                            <List Margin="0,5,0,0">
                                <ListItem>
                                    <Paragraph Margin="0">
                                        <Run FontWeight="Bold">Delete button</Run> - deletes the node, when clicked;
                                    </Paragraph>
                                </ListItem>
                                <ListItem>
                                    <Paragraph Margin="0">
                                        <Run FontWeight="Bold">Change font button</Run> - shows dialog for changing font, size, style and color of the node;
                                    </Paragraph>
                                </ListItem>
                                <ListItem>
                                    <Paragraph Margin="0">
                                        <Run FontWeight="Bold">Drag&amp;Drop rectangle</Run> - you can drag the node by clicking left mouse button on this rectangle and holding it clicked;
                                    </Paragraph>
                                </ListItem>
                                <ListItem>
                                    <Paragraph Margin="0">
                                        <Run FontWeight="Bold">Line button</Run> - signals that you want to create a line starting on this node;
                                    </Paragraph>
                                </ListItem>
                                <ListItem>
                                    <Paragraph Margin="0">
                                        <Run FontWeight="Bold">Arrow button</Run> - signals that you want to create an arrow starting on this node;
                                    </Paragraph>
                                </ListItem>
                                <ListItem>
                                    <Paragraph Margin="0">
                                        <Run FontWeight="Bold">Triangle button</Run> - signals that you want to create a triangle starting on this node;
                                    </Paragraph>
                                </ListItem>
                            </List>
                            <Paragraph Margin="0,5,0,0">
                                Try to use this features, if you want.
                            </Paragraph>
                        </FlowDocument>
                    </RichTextBox>
                </StackPanel>
            </Controls:HelpMasterPage.Content>
        </Controls:HelpMasterPage>
    </Grid>
</Page>
